- •Введение
- •Редакторы html
- •1. Первые html-документы
- •Обязательные теги
- •2. Форматирование текста и абзаца
- •Комментарии
- •Форматирование шрифта
- •Физические стили
- •Логические стили
- •Пример 4
- •3. Списки в тексте
- •4. Гиперссылки
- •Изображения в html-документе
- •Мета-инструкции
- •Пример 8
- •6. Таблицы
- •7. Формы
- •Пример 11
- •8. Фреймы
- •Упражнения на разработку web-страниц Упражнение 1
- •Упражнение 2.1
- •Упражнение 2.2
- •Упражнение 3
- •Упражнение 4.1
- •Упражнение 4.2
- •Упражнение 5.1
- •Упражнение 5.2
- •Упражнение 7.3
- •Упражнение 7.4
- •Упражнение 8.1
- •Упражнение 8.2
Упражнение 7.3
-
Создайте новый файл 14.HTM с формой заполнения Сведений о месте своего проживания.
-
Создайте радиокнопки для выбора континента (Азия, Америка, Европа …).
-
С помощью <SELECT> создайте поля для выбора страны (Мьянма, Россия, Америка, …).
-
С помощью <SELECT> создайте поля для выбора города (Москва, Петербург …).
-
Создайте кнопки CHECKBOX для определения погодных условий в стране (дождь, солнце, пасмурно, ветер).
-
С помощью <TEXTAREA> создайте поле для ввода адреса шириной 25 символов и высотой 7 строк
-
Создайте кнопку для очистки полей формы.
-
Создайте кнопку для запуска обработчика – файла 13.HTM.
Упражнение 7.4
-
Создайте новый файл 15.HTM с формой отправки сообщения по электронной почте.
-
Приоритет сделайте с выбором значений: средний, высокий, низкий.
-
Выполните просмотр формы в браузере, заполните поля формы и отошлите сообщение.
-
Проверьте наличие данного сообщения в Отправленных или Исходящих папках почтовой программы.
Упражнение 8.1
-
Создайте новый файл 16.HTM с тремя горизонтальными фреймами (50 пикселей, 100 пикселей и оставшаяся часть экрана).
-
16_1. HTM (рисунки)
16_2. HTM (меню)
16_3. HTM (таблица)
-
В верхний фрейм поместите файл 16_1. HTM с несколькими одинаковыми рисунками picture.gif.
-
В средний фрейм поместите файл 16_2. HTM с меню:
Данные о себе Местожительство Сообщение
-
В нижний фрейм поместите файл 16_3. HTM.
Упражнение 8.2
-
Создайте новый файл 17.HTM, сохранив файл 16.HTM с другим именем.
-
Преобразуйте фреймы к виду:
-
17_1. HTM
17_2. HTM
17_3. HTM
-
Задайте размеры областей фреймов таким образом, чтобы информация из файлов гипертекстовых документов размещалась наилучшим образом без линеек прокрутки.
-
Уберите границы фреймов.
-
Уберите линейку прокрутки в левом фрейме.
-
В файле 17_2. HTM создайте ссылки для вызова гипертекстовых документов, чтобы они загружались в окно правого фрейма:
Главная – на файл 17_3. HTM
(копия 16_3. HTM)
Данные о себе – на файл 13. HTM
Местожительство – на файл 14. HTM
Сообщение – на файл 15. HTM
-
В файле 17_1.HTM (копия файла 16_1.HTM) сделайте один рисунок с гиперссылкой на сайт университета http://www.smtu.ru/ , чтобы сайт загружался в отдельном окне.